// variables.scss
// global variable
// 全局变量

// Mixins
@mixin border-radius($radius: 5px) {
    border-radius: $radius;
}

@mixin box-shadow($x: 0, $y: 4px, $blur: 6px, $color: rgba(0, 0, 0, 0.1)) {
    box-shadow: $x $y $blur $color;
}

// Colors
$primary-color: #007bff;
$secondary-color: #6c757d;
$success-color: #28a745;
$danger-color: #dc3545;
$info-color: #17a2b8;
$warning-color: #ffc107;


// Fonts
$body-font: Arial, sans-serif;
$heading-font: 'Helvetica Neue', Arial, sans-serif;

// Spacing
$spacing-xs: 5px;
$spacing-sm: 10px;
$spacing-md: 20px;
$spacing-lg: 30px;
$spacing-xl: 40px;

// breakpoints
$breakpoint-xs: 0;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;